﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Dashboard.aspx.cs" Inherits="KimberlyDashboard.Dashboard" MasterPageFile="~/Site1.Master" Title="Supply chain dashboard" %>
<%@ MasterType VirtualPath="~/Site1.Master" %>
<%@ Register Assembly="DundasWebChart" Namespace="Dundas.Charting.WebControl" TagPrefix="DCWC" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="acc" %>


<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<!-- Import the bindows gauges javascriptpackage -->
<script type="text/javascript" src="bindows_gauges/bindows_gauges.js"></script>

<script type="text/javascript" language="javascript">

    function LlenarCombo(radio, tipo, indicador) {        
        if(tipo == 'MES')
            LlenarMeses(indicador);
        else
            LlenarQs(indicador);            
    }

    //Llena el combo del indicador que le llega con los meses. Es llamado cuando se selecciona "Mes" en los radiobutton
    function LlenarMeses(indicador) {

        combo = document.getElementById('ctl00_ContentPlaceHolder1_drpMesInd' + indicador);
        combo[0] = new Option('ene', '1');
        combo[1] = new Option('feb', '2');
        combo[2] = new Option('mar', '3');
        combo[3] = new Option('abr', '4');
        combo[4] = new Option('may', '5');
        combo[5] = new Option('jun', '6');
        combo[6] = new Option('jul', '7');
        combo[7] = new Option('ago', '8');
        combo[8] = new Option('sep', '9');
        combo[9] = new Option('oct', '10');
        combo[10] = new Option('nov', '11');
        combo[11] = new Option('dic', '12');
        //Para que se dispare el evento onchange del combo
        combo.onchange();
    }

    //Llena el combo del indicador que le llega con los Qs. Es llamado cuando se selecciona "Q" en los radiobutton
    function LlenarQs(indicador) {
        combo = document.getElementById('ctl00_ContentPlaceHolder1_drpMesInd' + indicador);
        combo[0] = new Option('1', '1');
        combo[1] = new Option('2', '2');
        combo[2] = new Option('3', '3');
        combo[3] = new Option('4', '4');
        combo[11] = null;
        combo[10] = null;
        combo[9] = null;
        combo[8] = null;
        combo[7] = null;
        combo[6] = null;
        combo[5] = null;
        combo[4] = null;
        //Para que se dispare el evento onchange del combo
        combo.onchange();
    }

</script>


        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>

<table>
    <tr>
        <td width="590" align="right" valign="top">
            <table id="tablaColores">
                <tr>                        
                <td>
                    <asp:ImageButton ID="btnColor1" runat="server" ImageUrl="~/images/miniaturasColor_r1_c1.jpg" 
                        width="16px" height="15px" 
                        onmouseover="mouseover(this, 'miniaturasColor_seleccionado_r1_c1.jpg')"
                        onmouseout="mouseout(this, 'miniaturasColor_r1_c1.jpg')" 
                        onclick="btnColor1_Click" />                                    
                </td>
                <td>
                    <asp:ImageButton ID="btnColor2" runat="server" ImageUrl="~/images/miniaturasColor_r1_c2.jpg" 
                        width="16px" height="15px" 
                        onmouseover="mouseover(this, 'miniaturasColor_seleccionado_r1_c2.jpg')"
                        onmouseout="mouseout(this, 'miniaturasColor_r1_c2.jpg')" 
                        onclick="btnColor2_Click" />                                                
                </td>
                <td>
                    <asp:ImageButton ID="btnColor3" runat="server" ImageUrl="~/images/miniaturasColor_r1_c3.jpg" 
                        width="16px" height="15px" 
                        onmouseover="mouseover(this, 'miniaturasColor_seleccionado_r1_c3.jpg')"
                        onmouseout="mouseout(this, 'miniaturasColor_r1_c3.jpg')" 
                        onclick="btnColor3_Click" />                                                            
                </td>
                <td>
                    <asp:ImageButton ID="btnColor4" runat="server" ImageUrl="~/images/miniaturasColor_r1_c4.jpg" 
                        width="16px" height="15px" 
                        onmouseover="mouseover(this, 'miniaturasColor_seleccionado_r1_c4.jpg')"
                        onmouseout="mouseout(this, 'miniaturasColor_r1_c4.jpg')" 
                        onclick="btnColor4_Click" />                        
                </td>
                <td>
                    <asp:ImageButton ID="btnColor5" runat="server" ImageUrl="~/images/miniaturasColor_r1_c5.jpg" 
                        width="16px" height="15px" 
                        onmouseover="mouseover(this, 'miniaturasColor_seleccionado_r1_c5.jpg')"
                        onmouseout="mouseout(this, 'miniaturasColor_r1_c5.jpg')" 
                        onclick="btnColor5_Click" />                                    
                </td>                        
                </tr>
                    
            </table>                        
        
        </td>
    </tr>
</table>
<table width="688">
    <tr>
        <td>
            <acc:TabContainer runat="server" ID="tabContainer1" AutoPostBack="True" 
                onactivetabchanged="tabContainer1_ActiveTabChanged" ActiveTabIndex="0">        
            <acc:TabPanel ID="tabCliente" runat="server" HeaderText="Cliente">            
            </acc:TabPanel>
            <acc:TabPanel ID="tabCapitalTrabajo" runat="server" HeaderText="Capital de trabajo">            
            </acc:TabPanel>
            <acc:TabPanel ID="tabProcesosLogisticos" runat="server" HeaderText="Procesos logísticos">            
            </acc:TabPanel>
            <acc:TabPanel ID="tabArchivos" runat="server" HeaderText="Archivos">            
            </acc:TabPanel>
            </acc:TabContainer>
        
        </td>
    </tr>
</table>


<table width="688" runat="server" id="prueba">
<tr>
<td>
<table id="tablaClientes" runat="server">
    
    <tr runat="server">
        <td align="left" runat="server">
            <table width="594" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="34" bgcolor="#629BCB"><img src="../images/objetos_titular_03.gif" width="34" height="26" alt="" /></td>
                <td width="286" class="texto_titular02" style=" background-color:#629BCB; padding:0px 0px 0px 12px">
                    <asp:Label ID="lblIndicador1" runat="server" Text="Label"></asp:Label></td>
                <td width="14"><img src="../images/objetos_titular_04.png" width="15" height="26" alt="" /></td>
                <td width="200" align="right" valign="top">&nbsp;</td>
                <td width="60" align="right" valign="top">
                </td>
              </tr>
            </table>        
        </td>
    </tr>
    <tr runat="server">
        <td runat="server">
            <table class="tablaDashboard">
                <tr>
                    <td width="50%" class="titularColumna" align="left">
                        <asp:RadioButton ID="rbtnInd1Mes" runat="server" GroupName="Ind1" Text="Mes" 
                            Checked="true" onclick="javascript:LlenarCombo(this, 'MES', 1);" />
                        <asp:RadioButton ID="rbtnInd1Q" runat="server" GroupName="Ind1" Text="Q" onclick="javascript:LlenarCombo(this, 'Q', 1);" />
                        &nbsp;&nbsp;
                        Año: <asp:DropDownList ID="drpAnoInd1" runat="server" onchange="javascript:updateGauge(this.value, 0, 1, 'MES', this);">
                        </asp:DropDownList>&nbsp;&nbsp;&nbsp;&nbsp;Mes: 
                        <asp:DropDownList ID="drpMesInd1" runat="server" onchange="javascript:updateGauge(0, this.value, 1, 'MES', this);"></asp:DropDownList></td>
                    <td width="50%" class="titularColumna" align="left">Año: 
                        <asp:DropDownList ID="drpAnoTendencia1" runat="server" AutoPostBack="True" 
                            onselectedindexchanged="drpAnoTendencia1_SelectedIndexChanged">
                        </asp:DropDownList>
                            </td>                                    
                </tr>
                <tr>
                    <td align="center">                        
                        <div id="gaugeDivInd1" style="width: 220; height: 220" ></div>                        
                    </td>
                    <td align="center">
                        <!--TENDENCIA 1 -->
                    <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                    <ContentTemplate>

                        <DCWC:Chart ID="chtIndicador1" runat="server" BackColor="#C8D7C8" 
                            BorderLineColor="LightSlateGray" BorderLineStyle="Solid" 
                            Palette="Tanzanite" Height="220px">
                            <Series>
                                <DCWC:Series BorderColor="100, 0, 0, 0" ChartType="Line" 
                                    CustomAttributes="DrawingStyle=LightToDark" Name="Valor" Color="Blue" 
                                    MarkerStyle="Circle" >
                                </DCWC:Series>
                                <DCWC:Series BorderColor="100, 0, 0, 0" ChartType="Line" 
                                    CustomAttributes="DrawingStyle=LightToDark" Name="Series2" >
                                </DCWC:Series>
                            </Series>
                            <ChartAreas>
                                <DCWC:ChartArea BackColor="220, 235, 220" BackGradientEndColor="237, 237, 247" 
                                    BorderColor="LightSlateGray" BorderStyle="Solid" Name="Default" 
                                    ShadowOffset="1">
                                    <AxisY LabelsAutoFitMaxFontSize="8">
                                        <MajorGrid LineColor="100, 0, 0, 0" LineStyle="Dash" />
                                        <MinorGrid LineColor="25, 0, 0, 0" />
                                        <MinorTickMark Size="2" />
                                    </AxisY>
                                    <AxisX>
                                        <MajorGrid LineColor="100, 0, 0, 0" LineStyle="Dash" />
                                        <MinorGrid LineColor="25, 0, 0, 0" />
                                        <MinorTickMark Size="2" />
                                        <LabelStyle Format="G" />
                                    </AxisX>
                                    <Area3DStyle Light="Realistic" WallWidth="0" />
                                </DCWC:ChartArea>
                            </ChartAreas>
                            <Legends>
                                <DCWC:Legend BackColor="237, 244, 247" BorderColor="LightSlateGray" 
                                    Enabled="False" LegendStyle="Column" Name="Default" ShadowOffset="1">
                                </DCWC:Legend>
                            </Legends>
                            <Titles>
                                <DCWC:Title Name="Title1">
                                </DCWC:Title>
                            </Titles>
                            <BorderSkin FrameBackColor="SteelBlue" FrameBackGradientEndColor="LightBlue" 
                                FrameBorderColor="100, 0, 0, 0" FrameBorderWidth="2" PageColor="WhiteSmoke" 
                                SkinStyle="Emboss" />
                        </DCWC:Chart>
                    
                    </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="drpAnoTendencia1" />
                    </Triggers>
                    </asp:UpdatePanel>                                 
                    
                    </td>
                </tr>
                <tr>
                    <td width="50%" class="titularColumna" align="left">
                        <asp:RadioButton ID="rbtnInd2Mes" runat="server" GroupName="Ind2" Text="Mes" Checked="true" onclick="javascript:LlenarCombo(this, 'MES', 2);" />
                        <asp:RadioButton ID="rbtnInd2Q" runat="server" GroupName="Ind2" Text="Q" onclick="javascript:LlenarCombo(this, 'Q', 2);" />
                        &nbsp;&nbsp;
                    
                    Año: <asp:DropDownList ID="drpAnoInd2" runat="server" onchange="javascript:updateGauge(this.value, 0, 2, 'MES', this);">
                        </asp:DropDownList>&nbsp;&nbsp;&nbsp;&nbsp;Mes: 
                        <asp:DropDownList ID="drpMesInd2" runat="server" onchange="javascript:updateGauge(0, this.value, 2, 'MES', this);"></asp:DropDownList></td>
                    <td width="50%" class="titularColumna" align="left">Año: 
                        <asp:DropDownList ID="drpAnoTendencia2" runat="server" AutoPostBack="True" 
                            onselectedindexchanged="drpAnoTendencia2_SelectedIndexChanged">
                        </asp:DropDownList>
                            </td>                                    
                </tr>
                <tr>
                    <td align="center">
                        <div id="gaugeDivInd2" style="width: 220; height: 220" ></div>
                    </td>
                    <td align="center">
                        <!--TENDENCIA 2 -->
                    <asp:UpdatePanel ID="UpdatePanel3" runat="server">
                    <ContentTemplate>

                        <DCWC:Chart ID="chtIndicador2" runat="server" BackColor="#C8D7C8" 
                            BorderLineColor="LightSlateGray" BorderLineStyle="Solid" 
                            Palette="Tanzanite" Height="220px">
                            <Series>
                                <DCWC:Series BorderColor="100, 0, 0, 0" ChartType="Line" 
                                    CustomAttributes="DrawingStyle=LightToDark" Name="Valor" Color="Blue" 
                                    MarkerStyle="Circle" >
                                </DCWC:Series>
                                <DCWC:Series BorderColor="100, 0, 0, 0" ChartType="Line" 
                                    CustomAttributes="DrawingStyle=LightToDark" Name="Series2" >
                                </DCWC:Series>
                            </Series>
                            <ChartAreas>
                                <DCWC:ChartArea BackColor="220, 235, 220" BackGradientEndColor="237, 237, 247" 
                                    BorderColor="LightSlateGray" BorderStyle="Solid" Name="Default" 
                                    ShadowOffset="1">
                                    <AxisY LabelsAutoFitMaxFontSize="8">
                                        <MajorGrid LineColor="100, 0, 0, 0" LineStyle="Dash" />
                                        <MinorGrid LineColor="25, 0, 0, 0" />
                                        <MinorTickMark Size="2" />
                                    </AxisY>
                                    <AxisX>
                                        <MajorGrid LineColor="100, 0, 0, 0" LineStyle="Dash" />
                                        <MinorGrid LineColor="25, 0, 0, 0" />
                                        <MinorTickMark Size="2" />
                                        <LabelStyle Format="G" />
                                    </AxisX>
                                    <Area3DStyle Light="Realistic" WallWidth="0" />
                                </DCWC:ChartArea>
                            </ChartAreas>
                            <Legends>
                                <DCWC:Legend BackColor="237, 244, 247" BorderColor="LightSlateGray" 
                                    Enabled="False" LegendStyle="Column" Name="Default" ShadowOffset="1">
                                </DCWC:Legend>
                            </Legends>
                            <Titles>
                                <DCWC:Title Name="Title1">
                                </DCWC:Title>
                            </Titles>
                            <BorderSkin FrameBackColor="SteelBlue" FrameBackGradientEndColor="LightBlue" 
                                FrameBorderColor="100, 0, 0, 0" FrameBorderWidth="2" PageColor="WhiteSmoke" 
                                SkinStyle="Emboss" />
                        </DCWC:Chart>
                    
                    </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="drpAnoTendencia2" />
                    </Triggers>
                    </asp:UpdatePanel>                                 

                    </td>
                </tr>
                
                <tr>
                    <td colspan="2" class="titularColumna" align="left">
                    Infull y Ontime.  Año: <asp:DropDownList ID="drpAno1" runat="server" onselectedindexchanged="drpAno1_SelectedIndexChanged" AutoPostBack="true">
                        </asp:DropDownList>                    
                    </td>
                </tr>
                <tr>
                    <td colspan="2" align="center">
                    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                    <ContentTemplate>
                        <DCWC:Chart ID="chtInfull" runat="server" BackColor="#C8D7C8" 
                            BorderLineColor="LightSlateGray" BorderLineStyle="Solid" 
                            Palette="Tanzanite" Width="550px" Height="280px">
                            <Series>
                                <DCWC:Series BorderColor="100, 0, 0, 0" 
                                    CustomAttributes="DrawingStyle=LightToDark" Name="Infull">
                                </DCWC:Series>
                                <DCWC:Series BorderColor="100, 0, 0, 0" 
                                    CustomAttributes="DrawingStyle=LightToDark" Name="Ontime">
                                </DCWC:Series>
                            </Series>
                            <ChartAreas>
                                <DCWC:ChartArea BackColor="220, 235, 220" BackGradientEndColor="237, 237, 247" 
                                    BorderColor="LightSlateGray" BorderStyle="Solid" Name="Default" 
                                    ShadowOffset="1">
                                    <AxisY Title="Valor" LabelsAutoFit="False">
                                        <MajorGrid LineColor="100, 0, 0, 0" LineStyle="Dash" Disabled="False" 
                                            Interval="Auto" IntervalOffset="Auto" IntervalOffsetType="Auto" 
                                            IntervalType="Auto" />
                                        <MinorGrid LineColor="25, 0, 0, 0" Enabled="False" Interval="Auto" 
                                            IntervalOffset="Auto" IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MajorTickMark Disabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MinorTickMark Size="2" Enabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <LabelStyle Font="Microsoft Sans Serif, 7pt" Interval="Auto" 
                                            IntervalOffset="Auto" IntervalOffsetType="Auto" IntervalType="Auto" />
                                    </AxisY>
                                    <AxisX Title="Mes">
                                        <MajorGrid LineColor="100, 0, 0, 0" LineStyle="Dash" Disabled="False" 
                                            Interval="Auto" IntervalOffset="Auto" IntervalOffsetType="Auto" 
                                            IntervalType="Auto" />
                                        <MinorGrid LineColor="25, 0, 0, 0" Enabled="False" Interval="Auto" 
                                            IntervalOffset="Auto" IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MajorTickMark Disabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MinorTickMark Size="2" Enabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <LabelStyle Interval="Auto" IntervalOffset="Auto" IntervalOffsetType="Auto" 
                                            IntervalType="Auto" />
                                    </AxisX>
                                    <AxisX2>
                                        <MajorGrid Disabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MinorGrid Enabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MajorTickMark Disabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MinorTickMark Enabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <LabelStyle Interval="Auto" IntervalOffset="Auto" IntervalOffsetType="Auto" 
                                            IntervalType="Auto" />
                                    </AxisX2>
                                    <AxisY2>
                                        <MajorGrid Disabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MinorGrid Enabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MajorTickMark Disabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MinorTickMark Enabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <LabelStyle Interval="Auto" IntervalOffset="Auto" IntervalOffsetType="Auto" 
                                            IntervalType="Auto" />
                                    </AxisY2>
                                    <Area3DStyle Light="Realistic" WallWidth="0" />
                                </DCWC:ChartArea>
                            </ChartAreas>
                            <Legend BackColor="237, 244, 247" BorderColor="LightSlateGray" Docking="Bottom" 
                                Name="Default" ShadowOffset="1"></Legend>
                            <Legends>
                                <DCWC:Legend BackColor="237, 244, 247" BorderColor="LightSlateGray" 
                                    Docking="Bottom" Name="Default" ShadowOffset="1">
                                </DCWC:Legend>
                            </Legends>
                            <Titles>
                                <DCWC:Title Name="Title1">
                                </DCWC:Title>
                            </Titles>
                            <BorderSkin FrameBackColor="SteelBlue" FrameBackGradientEndColor="LightBlue" 
                                FrameBorderColor="100, 0, 0, 0" FrameBorderWidth="2" PageColor="WhiteSmoke" 
                                SkinStyle="Emboss" />
                        </DCWC:Chart>  
                    </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="drpAno1" />
                    </Triggers>
                    </asp:UpdatePanel>                                 
                                                                  
                    </td>
                </tr>  
            </table>
        </td>              	       
       
    </tr>
    <tr runat="server">
            <td align="left" runat="server">
            <table width="594" border="0" cellspacing="0" cellpadding="0">
            <tr>        
                <td width="34" bgcolor="#629BCB"><img src="../images/objetos_titular_03.gif" width="34" height="26" alt="" /></td>
                <td width="526" class="texto_titular02" style=" background-color:#629BCB; padding:0px 0px 0px 12px">
                    <asp:Label ID="lblIndicador2" runat="server" Text="Label"></asp:Label></td>
                <td width="14"><img src="../images/objetos_titular_04.png" width="15" height="26" alt="" /></td>
                <td width="10" align="right" valign="top">&nbsp;</td>
                <td width="10" align="right" valign="top">
                &nbsp;
                </td>
            </tr>
            </table>
            </td>
    </tr>
    <tr runat="server">
        <td runat="server">
            <table class="tablaDashboard">
                <tr>
                    <td width="50%" class="titularColumna" align="left">
                        <asp:RadioButton ID="rbtnInd3Mes" runat="server" GroupName="Ind3" Text="Mes" Checked="true" onclick="javascript:LlenarCombo(this, 'MES', 3);" />
                        <asp:RadioButton ID="rbtnInd3Q" runat="server" GroupName="Ind3" Text="Q" onclick="javascript:LlenarCombo(this, 'Q', 3);" />
                        &nbsp;&nbsp;
                    
                    Año: <asp:DropDownList ID="drpAnoInd3" runat="server" onchange="javascript:updateGauge(this.value, 0, 3, 'MES', this);">
                        </asp:DropDownList>&nbsp;&nbsp;&nbsp;&nbsp;Mes: 
                        <asp:DropDownList ID="drpMesInd3" runat="server" onchange="javascript:updateGauge(0, this.value, 3, 'MES', this);"></asp:DropDownList></td>
                    <td width="50%" class="titularColumna" align="left">Año: 
                        <asp:DropDownList ID="drpAnoTendencia3" runat="server" AutoPostBack="True" 
                            onselectedindexchanged="drpAnoTendencia3_SelectedIndexChanged">
                        </asp:DropDownList>
                            </td>
                </tr>
                <tr>
                    <td align="center">
                        <div id="gaugeDivInd3" style="width: 220; height: 220" ></div>
                    </td>
                    <td align="center">
                        <!--TENDENCIA 3 -->
                    <asp:UpdatePanel ID="UpdatePanel4" runat="server">
                    <ContentTemplate>

                        <DCWC:Chart ID="chtIndicador3" runat="server" BackColor="#C8D7C8" 
                            BorderLineColor="LightSlateGray" BorderLineStyle="Solid" 
                            Palette="Tanzanite" Height="220px">
                            <Series>
                                <DCWC:Series BorderColor="100, 0, 0, 0" ChartType="Line" 
                                    CustomAttributes="DrawingStyle=LightToDark" Name="Valor" Color="Blue" 
                                    MarkerStyle="Circle" >
                                </DCWC:Series>
                                <DCWC:Series BorderColor="100, 0, 0, 0" ChartType="Line" 
                                    CustomAttributes="DrawingStyle=LightToDark" Name="Series2" >
                                </DCWC:Series>
                            </Series>
                            <ChartAreas>
                                <DCWC:ChartArea BackColor="220, 235, 220" BackGradientEndColor="237, 237, 247" 
                                    BorderColor="LightSlateGray" BorderStyle="Solid" Name="Default" 
                                    ShadowOffset="1">
                                    <AxisY LabelsAutoFitMaxFontSize="8">
                                        <MajorGrid LineColor="100, 0, 0, 0" LineStyle="Dash" />
                                        <MinorGrid LineColor="25, 0, 0, 0" />
                                        <MinorTickMark Size="2" />
                                    </AxisY>
                                    <AxisX>
                                        <MajorGrid LineColor="100, 0, 0, 0" LineStyle="Dash" />
                                        <MinorGrid LineColor="25, 0, 0, 0" />
                                        <MinorTickMark Size="2" />
                                        <LabelStyle Format="G" />
                                    </AxisX>
                                    <Area3DStyle Light="Realistic" WallWidth="0" />
                                </DCWC:ChartArea>
                            </ChartAreas>
                            <Legends>
                                <DCWC:Legend BackColor="237, 244, 247" BorderColor="LightSlateGray" 
                                    Enabled="False" LegendStyle="Column" Name="Default" ShadowOffset="1">
                                </DCWC:Legend>
                            </Legends>
                            <Titles>
                                <DCWC:Title Name="Title1">
                                </DCWC:Title>
                            </Titles>
                            <BorderSkin FrameBackColor="SteelBlue" FrameBackGradientEndColor="LightBlue" 
                                FrameBorderColor="100, 0, 0, 0" FrameBorderWidth="2" PageColor="WhiteSmoke" 
                                SkinStyle="Emboss" />
                        </DCWC:Chart>
                    
                    </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="drpAnoTendencia3" />
                    </Triggers>
                    </asp:UpdatePanel>                                 

                    </td>
                </tr>
                <tr>
                    <td width="50%" class="titularColumna" align="left">
                        <asp:RadioButton ID="rbtnInd4Mes" runat="server" GroupName="Ind4" Text="Mes" Checked="true" onclick="javascript:LlenarCombo(this, 'MES', 4);" />
                        <asp:RadioButton ID="rbtnInd4Q" runat="server" GroupName="Ind4" Text="Q" onclick="javascript:LlenarCombo(this, 'Q', 4);" />
                        &nbsp;&nbsp;
                    
                    Año: <asp:DropDownList ID="drpAnoInd4" runat="server" onchange="javascript:updateGauge(this.value, 0, 4, 'MES', this);">
                        </asp:DropDownList>&nbsp;&nbsp;&nbsp;&nbsp;Mes: 
                        <asp:DropDownList ID="drpMesInd4" runat="server" onchange="javascript:updateGauge(0, this.value, 4, 'MES', this);"></asp:DropDownList></td>
                    <td width="50%" class="titularColumna" align="left">Año: 
                        <asp:DropDownList ID="drpAnoTendencia4" runat="server" AutoPostBack="True" 
                            onselectedindexchanged="drpAnoTendencia4_SelectedIndexChanged">
                        </asp:DropDownList>
                        </td>                                    
                </tr>
                <tr>
                    <td align="center">
                        <div id="gaugeDivInd4" style="width: 220; height: 220" ></div>
                    </td>
                    <td align="center">
                        <!--TENDENCIA 4 -->
                    <asp:UpdatePanel ID="UpdatePanel5" runat="server">
                    <ContentTemplate>

                        <DCWC:Chart ID="chtIndicador4" runat="server" BackColor="#C8D7C8" 
                            BorderLineColor="LightSlateGray" BorderLineStyle="Solid" 
                            Palette="Tanzanite" Height="220px">
                            <Series>
                                <DCWC:Series BorderColor="100, 0, 0, 0" ChartType="Line" 
                                    CustomAttributes="DrawingStyle=LightToDark" Name="Valor" Color="Blue" 
                                    MarkerStyle="Circle" >
                                </DCWC:Series>
                                <DCWC:Series BorderColor="100, 0, 0, 0" ChartType="Line" 
                                    CustomAttributes="DrawingStyle=LightToDark" Name="Series2" >
                                </DCWC:Series>
                            </Series>
                            <ChartAreas>
                                <DCWC:ChartArea BackColor="220, 235, 220" BackGradientEndColor="237, 237, 247" 
                                    BorderColor="LightSlateGray" BorderStyle="Solid" Name="Default" 
                                    ShadowOffset="1">
                                    <AxisY LabelsAutoFitMaxFontSize="8">
                                        <MajorGrid LineColor="100, 0, 0, 0" LineStyle="Dash" />
                                        <MinorGrid LineColor="25, 0, 0, 0" />
                                        <MinorTickMark Size="2" />
                                    </AxisY>
                                    <AxisX>
                                        <MajorGrid LineColor="100, 0, 0, 0" LineStyle="Dash" />
                                        <MinorGrid LineColor="25, 0, 0, 0" />
                                        <MinorTickMark Size="2" />
                                        <LabelStyle Format="G" />
                                    </AxisX>
                                    <Area3DStyle Light="Realistic" WallWidth="0" />
                                </DCWC:ChartArea>
                            </ChartAreas>
                            <Legends>
                                <DCWC:Legend BackColor="237, 244, 247" BorderColor="LightSlateGray" 
                                    Enabled="False" LegendStyle="Column" Name="Default" ShadowOffset="1">
                                </DCWC:Legend>
                            </Legends>
                            <Titles>
                                <DCWC:Title Name="Title1">
                                </DCWC:Title>
                            </Titles>
                            <BorderSkin FrameBackColor="SteelBlue" FrameBackGradientEndColor="LightBlue" 
                                FrameBorderColor="100, 0, 0, 0" FrameBorderWidth="2" PageColor="WhiteSmoke" 
                                SkinStyle="Emboss" />
                        </DCWC:Chart>
                    
                    </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="drpAnoTendencia4" />
                    </Triggers>
                    </asp:UpdatePanel>                                 

                    </td>
                </tr>
            </table>
        </td>              	       
       
    </tr>


</table>
    <!--INICIO DE INDICADOR 5 -->
    <table id="tablaCapitalTrabajo" runat="server">
    <tr runat="server">
        <td align="left" runat="server">
            <table width="594" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="34" bgcolor="#629BCB"><img src="../images/objetos_titular_03.gif" width="34" height="26" alt="" /></td>
                <td width="286" class="texto_titular02" style=" background-color:#629BCB; padding:0px 0px 0px 12px">
                    <asp:Label ID="lblIndicador5" runat="server" Text="Label"></asp:Label></td>
                <td width="14"><img src="../images/objetos_titular_04.png" width="15" height="26" alt="" /></td>
                <td width="200" align="right" valign="top">&nbsp;</td>
                <td width="60" align="right" valign="top">
                </td>
              </tr>
            </table>        
        </td>
    </tr>
    <tr runat="server">
        <td runat="server">
            <table class="tablaDashboard">
                <tr>
                    <td colspan="2" class="titularColumna" align="left">
                    DIO y valor inventario US MM.  Año: 
                        <asp:DropDownList ID="drpAno5" runat="server" AutoPostBack="True" 
                            onselectedindexchanged="drpAno5_SelectedIndexChanged">
                        </asp:DropDownList>                    
                    </td>
                </tr>
                            
                <tr>
                    <td colspan="2" align="center">
                    <asp:UpdatePanel ID="UpdatePanel6" runat="server">
                    <ContentTemplate>

                        <DCWC:Chart ID="chtDIO" runat="server" BackColor="#C8D7C8" 
                            BorderLineColor="LightSlateGray" BorderLineStyle="Solid" 
                            Palette="Tanzanite" Width="550px" Height="350px">
                            <Series>
                                <DCWC:Series BorderColor="100, 0, 0, 0" 
                                    CustomAttributes="DrawingStyle=LightToDark" Name="DIO">
                                </DCWC:Series>
                                <DCWC:Series BorderColor="100, 0, 0, 0" 
                                    CustomAttributes="DrawingStyle=LightToDark" Name="ValorInventario" 
                                    ChartType="Line" MarkerStyle="Circle" YAxisType="Secondary">
                                </DCWC:Series>
                            </Series>
                            <ChartAreas>
                                <DCWC:ChartArea BackColor="220, 235, 220" BackGradientEndColor="237, 237, 247" 
                                    BorderColor="LightSlateGray" BorderStyle="Solid" Name="Default" 
                                    ShadowOffset="1">
                                    <AxisY Title="DIO" LabelsAutoFit="False">
                                        <MajorGrid LineColor="100, 0, 0, 0" LineStyle="Dash" Disabled="False" 
                                            Interval="Auto" IntervalOffset="Auto" IntervalOffsetType="Auto" 
                                            IntervalType="Auto" />
                                        <MinorGrid LineColor="25, 0, 0, 0" Enabled="False" Interval="Auto" 
                                            IntervalOffset="Auto" IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MajorTickMark Disabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MinorTickMark Size="2" Enabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <LabelStyle Font="Microsoft Sans Serif, 7pt" Interval="Auto" 
                                            IntervalOffset="Auto" IntervalOffsetType="Auto" IntervalType="Auto" />
                                    </AxisY>
                                    <AxisX Title="Mes">
                                        <MajorGrid LineColor="100, 0, 0, 0" LineStyle="Dash" Disabled="False" 
                                            Interval="Auto" IntervalOffset="Auto" IntervalOffsetType="Auto" 
                                            IntervalType="Auto" />
                                        <MinorGrid LineColor="25, 0, 0, 0" Enabled="False" Interval="Auto" 
                                            IntervalOffset="Auto" IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MajorTickMark Disabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MinorTickMark Size="2" Enabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <LabelStyle Interval="Auto" IntervalOffset="Auto" IntervalOffsetType="Auto" 
                                            IntervalType="Auto" />
                                    </AxisX>
                                    <AxisX2>
                                        <MajorGrid Disabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MinorGrid Enabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MajorTickMark Disabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MinorTickMark Enabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <LabelStyle Interval="Auto" IntervalOffset="Auto" IntervalOffsetType="Auto" 
                                            IntervalType="Auto" />
                                    </AxisX2>
                                    <AxisY2 Title="ValorInventario">
                                        <MajorGrid Disabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MinorGrid Enabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MajorTickMark Disabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MinorTickMark Enabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <LabelStyle Interval="Auto" IntervalOffset="Auto" IntervalOffsetType="Auto" 
                                            IntervalType="Auto" />
                                    </AxisY2>
                                    <Area3DStyle Light="Realistic" WallWidth="0" />
                                </DCWC:ChartArea>                                
                            </ChartAreas>
                            <Legend BackColor="237, 244, 247" BorderColor="LightSlateGray" Docking="Bottom" 
                                Name="Default" ShadowOffset="1"></Legend>
                            <Legends>
                                <DCWC:Legend BackColor="237, 244, 247" BorderColor="LightSlateGray" 
                                    Docking="Bottom" Name="Default" ShadowOffset="1">
                                </DCWC:Legend>
                            </Legends>
                            <Titles>
                                <DCWC:Title Name="Title1">
                                </DCWC:Title>
                            </Titles>
                            <BorderSkin FrameBackColor="SteelBlue" FrameBackGradientEndColor="LightBlue" 
                                FrameBorderColor="100, 0, 0, 0" FrameBorderWidth="2" PageColor="WhiteSmoke" 
                                SkinStyle="Emboss" />
                        </DCWC:Chart>
                    
                    </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="drpAno5" />
                    </Triggers>
                    </asp:UpdatePanel>                                 
                    
                    </td>
                </tr>
            
            <tr id="Tr1" runat="server">
                <td id="Td1" align="left" runat="server" colspan="2">
                    <table width="444" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="34" bgcolor="#629BCB"><img src="../images/objetos_titular_03.gif" width="34" height="26" alt="" /></td>
                        <td width="346" class="texto_titular02" style=" background-color:#629BCB; padding:0px 0px 0px 12px">
                            <asp:Label ID="lblIndicador7" runat="server" Text="Label"></asp:Label></td>
                        <td width="14"><img src="../images/objetos_titular_04.png" width="15" height="26" alt="" /></td>
                        <td width="10" align="right" valign="top">&nbsp;</td>
                        <td width="20" align="right" valign="top">
                        </td>
                      </tr>
                    </table>        
                </td>
            </tr>

                <tr>
                    <td width="50%" class="titularColumna" align="left">
                        <asp:RadioButton ID="rbtnInd7Mes" runat="server" GroupName="Ind7" Text="Mes" Checked="true" onclick="javascript:LlenarCombo(this, 'MES', 7);" />
                        <asp:RadioButton ID="rbtnInd7Q" runat="server" GroupName="Ind7" Text="Q" onclick="javascript:LlenarCombo(this, 'Q', 7);" />
                        &nbsp;&nbsp;
                    
                    Año: <asp:DropDownList ID="drpAnoInd7" runat="server" onchange="javascript:updateGauge(this.value, 0, 7, 'MES', this);">
                        </asp:DropDownList>&nbsp;&nbsp;&nbsp;&nbsp;Mes: 
                        <asp:DropDownList ID="drpMesInd7" runat="server" onchange="javascript:updateGauge(0, this.value, 7, 'MES', this);"></asp:DropDownList></td>
                    <td width="50%" class="titularColumna" align="left">Año: 
                        <asp:DropDownList ID="drpAnoTendencia7" runat="server" AutoPostBack="True" 
                            onselectedindexchanged="drpAnoTendencia7_SelectedIndexChanged">
                        </asp:DropDownList>
                        </td>                                    
                </tr>
                <tr>
                    <td align="center">
                        <div id="gaugeDivInd7" style="width: 220px; height: 220px" ></div>
                    </td>
                    <td align="center">
                        <!--TENDENCIA 7 -->
                    <asp:UpdatePanel ID="UpdatePanel7" runat="server">
                    <ContentTemplate>

                        <DCWC:Chart ID="chtIndicador7" runat="server" BackColor="#C8D7C8" 
                            BorderLineColor="LightSlateGray" BorderLineStyle="Solid" 
                            Palette="Tanzanite" Height="220px">
                            <Series>
                                <DCWC:Series BorderColor="100, 0, 0, 0" ChartType="Line" 
                                    CustomAttributes="DrawingStyle=LightToDark" Name="Valor" Color="Blue" 
                                    MarkerStyle="Circle" >
                                </DCWC:Series>
                                <DCWC:Series BorderColor="100, 0, 0, 0" ChartType="Line" 
                                    CustomAttributes="DrawingStyle=LightToDark" Name="Series2" >
                                </DCWC:Series>
                            </Series>
                            <ChartAreas>
                                <DCWC:ChartArea BackColor="220, 235, 220" BackGradientEndColor="237, 237, 247" 
                                    BorderColor="LightSlateGray" BorderStyle="Solid" Name="Default" 
                                    ShadowOffset="1">
                                    <AxisY LabelsAutoFitMaxFontSize="8">
                                        <MajorGrid LineColor="100, 0, 0, 0" LineStyle="Dash" />
                                        <MinorGrid LineColor="25, 0, 0, 0" />
                                        <MinorTickMark Size="2" />
                                    </AxisY>
                                    <AxisX>
                                        <MajorGrid LineColor="100, 0, 0, 0" LineStyle="Dash" />
                                        <MinorGrid LineColor="25, 0, 0, 0" />
                                        <MinorTickMark Size="2" />
                                        <LabelStyle Format="G" />
                                    </AxisX>
                                    <Area3DStyle Light="Realistic" WallWidth="0" />
                                </DCWC:ChartArea>
                            </ChartAreas>
                            <Legends>
                                <DCWC:Legend BackColor="237, 244, 247" BorderColor="LightSlateGray" 
                                    Enabled="False" LegendStyle="Column" Name="Default" ShadowOffset="1">
                                </DCWC:Legend>
                            </Legends>
                            <Titles>
                                <DCWC:Title Name="Title1">
                                </DCWC:Title>
                            </Titles>
                            <BorderSkin FrameBackColor="SteelBlue" FrameBackGradientEndColor="LightBlue" 
                                FrameBorderColor="100, 0, 0, 0" FrameBorderWidth="2" PageColor="WhiteSmoke" 
                                SkinStyle="Emboss" />
                        </DCWC:Chart>
                    
                    </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="drpAnoTendencia7" />
                    </Triggers>
                    </asp:UpdatePanel>                                 

                    </td>
                </tr>   
                <tr id="Tr2" runat="server">
                    <td id="Td2" align="left" runat="server" colspan="2">
                        <table width="444" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="34" bgcolor="#629BCB"><img src="../images/objetos_titular_03.gif" width="34" height="26" alt="" /></td>
                            <td width="286" class="texto_titular02" style=" background-color:#629BCB; padding:0px 0px 0px 12px">
                                <asp:Label ID="lblIndicador8" runat="server" Text="Label"></asp:Label></td>
                            <td width="14"><img src="../images/objetos_titular_04.png" width="15" height="26" alt="" /></td>
                            <td width="50" align="right" valign="top">&nbsp;</td>
                            <td width="60" align="right" valign="top">
                            </td>
                          </tr>
                        </table>        
                    </td>
                </tr>
                 
                <tr>
                    <td width="50%" class="titularColumna" align="left">
                        <asp:RadioButton ID="rbtnInd8Mes" runat="server" GroupName="Ind8" Text="Mes" Checked="true" onclick="javascript:LlenarCombo(this, 'MES', 8);" />
                        <asp:RadioButton ID="rbtnInd8Q" runat="server" GroupName="Ind8" Text="Q" onclick="javascript:LlenarCombo(this, 'Q', 8);" />
                        &nbsp;&nbsp;
                    
                    Año: <asp:DropDownList ID="drpAnoInd8" runat="server" onchange="javascript:updateGauge(this.value, 0, 8, 'MES', this);">
                        </asp:DropDownList>&nbsp;&nbsp;&nbsp;&nbsp;Mes: 
                        <asp:DropDownList ID="drpMesInd8" runat="server" onchange="javascript:updateGauge(0, this.value, 8, 'MES', this);"></asp:DropDownList></td>
                    <td width="50%" class="titularColumna" align="left">Año: 
                        <asp:DropDownList ID="drpAnoTendencia8" runat="server" AutoPostBack="True" 
                            onselectedindexchanged="drpAnoTendencia8_SelectedIndexChanged">
                        </asp:DropDownList>
                        </td>                                    
                </tr>
                <tr>
                    <td align="center">
                        <div id="gaugeDivInd8" style="width: 220px; height: 220px" ></div>
                    </td>
                    <td align="center">
                        <!--TENDENCIA 8 -->
                    <asp:UpdatePanel ID="UpdatePanel8" runat="server">
                    <ContentTemplate>

                        <DCWC:Chart ID="chtIndicador8" runat="server" BackColor="#C8D7C8" 
                            BorderLineColor="LightSlateGray" BorderLineStyle="Solid" 
                            Palette="Tanzanite" Height="220px">
                            <Series>
                                <DCWC:Series BorderColor="100, 0, 0, 0" ChartType="Line" 
                                    CustomAttributes="DrawingStyle=LightToDark" Name="Valor" Color="Blue" 
                                    MarkerStyle="Circle" >
                                </DCWC:Series>
                                <DCWC:Series BorderColor="100, 0, 0, 0" ChartType="Line" 
                                    CustomAttributes="DrawingStyle=LightToDark" Name="Series2" >
                                </DCWC:Series>
                            </Series>
                            <ChartAreas>
                                <DCWC:ChartArea BackColor="220, 235, 220" BackGradientEndColor="237, 237, 247" 
                                    BorderColor="LightSlateGray" BorderStyle="Solid" Name="Default" 
                                    ShadowOffset="1">
                                    <AxisY LabelsAutoFitMaxFontSize="8">
                                        <MajorGrid LineColor="100, 0, 0, 0" LineStyle="Dash" />
                                        <MinorGrid LineColor="25, 0, 0, 0" />
                                        <MinorTickMark Size="2" />
                                    </AxisY>
                                    <AxisX>
                                        <MajorGrid LineColor="100, 0, 0, 0" LineStyle="Dash" />
                                        <MinorGrid LineColor="25, 0, 0, 0" />
                                        <MinorTickMark Size="2" />
                                        <LabelStyle Format="G" />
                                    </AxisX>
                                    <Area3DStyle Light="Realistic" WallWidth="0" />
                                </DCWC:ChartArea>
                            </ChartAreas>
                            <Legends>
                                <DCWC:Legend BackColor="237, 244, 247" BorderColor="LightSlateGray" 
                                    Enabled="False" LegendStyle="Column" Name="Default" ShadowOffset="1">
                                </DCWC:Legend>
                            </Legends>
                            <Titles>
                                <DCWC:Title Name="Title1">
                                </DCWC:Title>
                            </Titles>
                            <BorderSkin FrameBackColor="SteelBlue" FrameBackGradientEndColor="LightBlue" 
                                FrameBorderColor="100, 0, 0, 0" FrameBorderWidth="2" PageColor="WhiteSmoke" 
                                SkinStyle="Emboss" />
                        </DCWC:Chart>
                    
                    </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="drpAnoTendencia8" />
                    </Triggers>
                    </asp:UpdatePanel>                                 

                    </td>
                </tr>   
                <tr id="Tr3" runat="server">
                    <td id="Td3" align="left" runat="server" colspan="2">
                        <table width="444" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="34" bgcolor="#629BCB"><img src="../images/objetos_titular_03.gif" width="34" height="26" alt="" /></td>
                            <td width="316" class="texto_titular02" style=" background-color:#629BCB; padding:0px 0px 0px 12px">
                                <asp:Label ID="lblIndicador9" runat="server" Text="Label"></asp:Label></td>
                            <td width="14"><img src="../images/objetos_titular_04.png" width="15" height="26" alt="" /></td>
                            <td width="10" align="right" valign="top">&nbsp;</td>
                            <td width="50" align="right" valign="top">
                            </td>
                          </tr>
                        </table>        
                    </td>
                </tr>
                                 
                <tr>
                    <td width="50%" class="titularColumna" align="left">
                        <asp:RadioButton ID="rbtnInd9Mes" runat="server" GroupName="Ind9" Text="Mes" Checked="true" onclick="javascript:LlenarCombo(this, 'MES', 9);" />
                        <asp:RadioButton ID="rbtnInd9Q" runat="server" GroupName="Ind9" Text="Q" onclick="javascript:LlenarCombo(this, 'Q', 9);" />
                        &nbsp;&nbsp;
                    
                    Año: <asp:DropDownList ID="drpAnoInd9" runat="server" onchange="javascript:updateGauge(this.value, 0, 9, 'MES', this);">
                        </asp:DropDownList>&nbsp;&nbsp;&nbsp;&nbsp;Mes: 
                        <asp:DropDownList ID="drpMesInd9" runat="server" onchange="javascript:updateGauge(0, this.value, 9, 'MES', this);"></asp:DropDownList></td>
                    <td width="50%" class="titularColumna" align="left">Año: 
                        <asp:DropDownList ID="drpAnoTendencia9" runat="server" AutoPostBack="True" 
                            onselectedindexchanged="drpAnoTendencia9_SelectedIndexChanged">
                        </asp:DropDownList>
                        </td>                                    
                </tr>
                <tr>
                    <td align="center">
                        <div id="gaugeDivInd9" style="width: 220px; height: 220px" ></div>
                    </td>
                    <td align="center">
                        <!--TENDENCIA 9 -->
                    <asp:UpdatePanel ID="UpdatePanel9" runat="server">
                    <ContentTemplate>

                        <DCWC:Chart ID="chtIndicador9" runat="server" BackColor="#C8D7C8" 
                            BorderLineColor="LightSlateGray" BorderLineStyle="Solid" 
                            Palette="Tanzanite" Height="220px">
                            <Series>
                                <DCWC:Series BorderColor="100, 0, 0, 0" ChartType="Line" 
                                    CustomAttributes="DrawingStyle=LightToDark" Name="Valor" Color="Blue" 
                                    MarkerStyle="Circle" >
                                </DCWC:Series>
                                <DCWC:Series BorderColor="100, 0, 0, 0" ChartType="Line" 
                                    CustomAttributes="DrawingStyle=LightToDark" Name="Series2" >
                                </DCWC:Series>
                            </Series>
                            <ChartAreas>
                                <DCWC:ChartArea BackColor="220, 235, 220" BackGradientEndColor="237, 237, 247" 
                                    BorderColor="LightSlateGray" BorderStyle="Solid" Name="Default" 
                                    ShadowOffset="1">
                                    <AxisY LabelsAutoFitMaxFontSize="8">
                                        <MajorGrid LineColor="100, 0, 0, 0" LineStyle="Dash" />
                                        <MinorGrid LineColor="25, 0, 0, 0" />
                                        <MinorTickMark Size="2" />
                                    </AxisY>
                                    <AxisX>
                                        <MajorGrid LineColor="100, 0, 0, 0" LineStyle="Dash" />
                                        <MinorGrid LineColor="25, 0, 0, 0" />
                                        <MinorTickMark Size="2" />
                                        <LabelStyle Format="G" />
                                    </AxisX>
                                    <Area3DStyle Light="Realistic" WallWidth="0" />
                                </DCWC:ChartArea>
                            </ChartAreas>
                            <Legends>
                                <DCWC:Legend BackColor="237, 244, 247" BorderColor="LightSlateGray" 
                                    Enabled="False" LegendStyle="Column" Name="Default" ShadowOffset="1">
                                </DCWC:Legend>
                            </Legends>
                            <Titles>
                                <DCWC:Title Name="Title1">
                                </DCWC:Title>
                            </Titles>
                            <BorderSkin FrameBackColor="SteelBlue" FrameBackGradientEndColor="LightBlue" 
                                FrameBorderColor="100, 0, 0, 0" FrameBorderWidth="2" PageColor="WhiteSmoke" 
                                SkinStyle="Emboss" />
                        </DCWC:Chart>
                    
                    </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="drpAnoTendencia9" />
                    </Triggers>
                    </asp:UpdatePanel>                                 

                    </td>
                </tr>    

            
            </table>
        </td>
    </tr>

    </table>
        
    <!-- INICIO DEL TAB DE PROCESOS LOGISTICOS -->
    <!--INICIO DE INDICADOR 10 -->
    <table id="tablaProcesosLogisticos" runat="server">
    <tr runat="server">
        <td id="Td4" align="left" runat="server" colspan="2">
            <table width="594" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="34" bgcolor="#629BCB"><img src="../images/objetos_titular_03.gif" width="34" height="26" alt="" /></td>
                <td width="286" class="texto_titular02" style=" background-color:#629BCB; padding:0px 0px 0px 12px">
                    <asp:Label ID="lblIndicador10" runat="server" Text="Label"></asp:Label></td>
                <td width="14"><img src="../images/objetos_titular_04.png" width="15" height="26" alt="" /></td>
                <td width="200" align="right" valign="top">&nbsp;</td>
                <td width="60" align="right" valign="top">
                </td>
              </tr>
            </table>        
        </td>
    </tr>
    
    <tr runat="server">
        <td runat="server">
            <table class="tablaDashboard">
                <tr>
                    <td width="50%" class="titularColumna" align="left">
                        <asp:RadioButton ID="rbtnInd10Mes" runat="server" GroupName="Ind10" Text="Mes" Checked="true" onclick="javascript:LlenarCombo(this, 'MES', 10);" />
                        <asp:RadioButton ID="rbtnInd10Q" runat="server" GroupName="Ind10" Text="Q" onclick="javascript:LlenarCombo(this, 'Q', 10);" />
                        &nbsp;&nbsp;
                    
                    Año: <asp:DropDownList ID="drpAnoInd10" runat="server" onchange="javascript:updateGauge(this.value, 0, 10, 'MES', this);">
                        </asp:DropDownList>&nbsp;&nbsp;&nbsp;&nbsp;Mes: 
                        <asp:DropDownList ID="drpMesInd10" runat="server" onchange="javascript:updateGauge(0, this.value, 10, 'MES', this);"></asp:DropDownList>                        
                            </td>
                    <td width="50%" class="titularColumna" align="left">Año: <asp:DropDownList ID="drpAnoTendencia10" runat="server" onchange="javascript:updateGauge(this.value, 0, 10, 'Q', this);" AutoPostBack="True" OnSelectedIndexChanged="drpAnoTendencia10_SelectedIndexChanged">
                        </asp:DropDownList>
                        </td>                                    
                </tr>
                <tr>
                    <td align="center">
                        <div id="gaugeDivInd10" style="width: 220px; height: 220px" ></div>
                    </td>
                    <td align="center">
                        <!--TENDENCIA 10 -->
                    <asp:UpdatePanel ID="UpdatePanel10" runat="server">
                    <ContentTemplate>

                        <DCWC:Chart ID="chtIndicador10" runat="server" BackColor="#C8D7C8" 
                            BorderLineColor="LightSlateGray" BorderLineStyle="Solid" 
                            Palette="Tanzanite" Height="220px">
                            <Series>
                                <DCWC:Series BorderColor="100, 0, 0, 0" ChartType="Line" 
                                    CustomAttributes="DrawingStyle=LightToDark" Name="Valor" Color="Blue" 
                                    MarkerStyle="Circle" >
                                </DCWC:Series>
                                <DCWC:Series BorderColor="100, 0, 0, 0" ChartType="Line" 
                                    CustomAttributes="DrawingStyle=LightToDark" Name="Series2" >
                                </DCWC:Series>
                            </Series>
                            <ChartAreas>
                                <DCWC:ChartArea BackColor="220, 235, 220" BackGradientEndColor="237, 237, 247" 
                                    BorderColor="LightSlateGray" BorderStyle="Solid" Name="Default" 
                                    ShadowOffset="1">
                                    <AxisY LabelsAutoFitMaxFontSize="8">
                                        <MajorGrid LineColor="100, 0, 0, 0" LineStyle="Dash" />
                                        <MinorGrid LineColor="25, 0, 0, 0" />
                                        <MinorTickMark Size="2" />
                                    </AxisY>
                                    <AxisX>
                                        <MajorGrid LineColor="100, 0, 0, 0" LineStyle="Dash" />
                                        <MinorGrid LineColor="25, 0, 0, 0" />
                                        <MinorTickMark Size="2" />
                                        <LabelStyle Format="G" />
                                    </AxisX>
                                    <Area3DStyle Light="Realistic" WallWidth="0" />
                                </DCWC:ChartArea>
                            </ChartAreas>
                            <Legends>
                                <DCWC:Legend BackColor="237, 244, 247" BorderColor="LightSlateGray" 
                                    Enabled="False" LegendStyle="Column" Name="Default" ShadowOffset="1">
                                </DCWC:Legend>
                            </Legends>
                            <Titles>
                                <DCWC:Title Name="Title1">
                                </DCWC:Title>
                            </Titles>
                            <BorderSkin FrameBackColor="SteelBlue" FrameBackGradientEndColor="LightBlue" 
                                FrameBorderColor="100, 0, 0, 0" FrameBorderWidth="2" PageColor="WhiteSmoke" 
                                SkinStyle="Emboss" />
                        </DCWC:Chart>
                    
                    </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="drpAnoTendencia10" />
                    </Triggers>
                    </asp:UpdatePanel>                                 
                    
                    </td>
                </tr>    
            
                <!-- INICIO INDICADOR 11 -->
                <tr id="Tr4" runat="server">
                    <td id="Td5" align="left" runat="server" colspan="2">
                        <table width="444" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="34" bgcolor="#629BCB"><img src="../images/objetos_titular_03.gif" width="34" height="26" alt="" /></td>
                            <td width="346" class="texto_titular02" style=" background-color:#629BCB; padding:0px 0px 0px 12px">
                                <asp:Label ID="lblIndicador11" runat="server" Text="Label"></asp:Label></td>
                            <td width="14"><img src="../images/objetos_titular_04.png" width="15" height="26" alt="" /></td>
                            <td width="10" align="right" valign="top">&nbsp;</td>
                            <td width="20" align="right" valign="top">
                            </td>
                          </tr>
                        </table>        
                    </td>
                </tr>
                <tr>
                    <td colspan="2" class="titularColumna" align="left">
                    Extra gasto vs py -no fletes- YTD  Año: <asp:DropDownList ID="drpAno11" runat="server" AutoPostBack="True" 
                            onselectedindexchanged="drpAno1_SelectedIndexChanged">
                        </asp:DropDownList>                    
                    </td>
                </tr>
                <tr>
                    <td colspan="2" align="center">                    
                        <DCWC:Chart ID="chtExtraGasto" runat="server" BackColor="#C8D7C8" 
                            BorderLineColor="LightSlateGray" BorderLineStyle="Solid" 
                            Palette="Tanzanite" Width="550px" Height="360px">
                            <Series>
                                <DCWC:Series BackGradientType="TopBottom" BorderColor="100, 0, 0, 0" 
                                    ChartType="SplineArea" CustomAttributes="DrawingStyle=LightToDark" 
                                    Name="ExtraGasto" ShowLabelAsValue="True">
                                </DCWC:Series>
                                <DCWC:Series BackGradientType="TopBottom" BorderColor="100, 0, 0, 0" 
                                    ChartType="SplineArea" CustomAttributes="DrawingStyle=LightToDark" 
                                    Name="Series2" ShowLabelAsValue="True">
                                </DCWC:Series>
                            </Series>
                            <ChartAreas>
                                <DCWC:ChartArea BackColor="220, 235, 220" BackGradientEndColor="237, 237, 247" 
                                    BorderColor="LightSlateGray" BorderStyle="Solid" Name="Default" 
                                    ShadowOffset="1">
                                    <AxisY>
                                        <MajorGrid LineColor="100, 0, 0, 0" LineStyle="Dash" Disabled="False" 
                                            Interval="Auto" IntervalOffset="Auto" IntervalOffsetType="Auto" 
                                            IntervalType="Auto" />
                                        <MinorGrid LineColor="25, 0, 0, 0" Enabled="False" Interval="Auto" 
                                            IntervalOffset="Auto" IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MajorTickMark Disabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MinorTickMark Size="2" Enabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <LabelStyle Interval="Auto" IntervalOffset="Auto" IntervalOffsetType="Auto" 
                                            IntervalType="Auto" />
                                    </AxisY>
                                    <AxisX Margin="False">
                                        <MajorGrid LineColor="100, 0, 0, 0" LineStyle="Dash" Disabled="False" 
                                            Interval="Auto" IntervalOffset="Auto" IntervalOffsetType="Auto" 
                                            IntervalType="Auto" />
                                        <MinorGrid LineColor="25, 0, 0, 0" Enabled="False" Interval="Auto" 
                                            IntervalOffset="Auto" IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MajorTickMark Disabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MinorTickMark Size="2" Enabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <LabelStyle Interval="Auto" IntervalOffset="Auto" IntervalOffsetType="Auto" 
                                            IntervalType="Auto" />
                                    </AxisX>
                                    <AxisX2>
                                        <MajorGrid Disabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MinorGrid Enabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MajorTickMark Disabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MinorTickMark Enabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <LabelStyle Interval="Auto" IntervalOffset="Auto" IntervalOffsetType="Auto" 
                                            IntervalType="Auto" />
                                    </AxisX2>
                                    <AxisY2>
                                        <MajorGrid Disabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MinorGrid Enabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MajorTickMark Disabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <MinorTickMark Enabled="False" Interval="Auto" IntervalOffset="Auto" 
                                            IntervalOffsetType="Auto" IntervalType="Auto" />
                                        <LabelStyle Interval="Auto" IntervalOffset="Auto" IntervalOffsetType="Auto" 
                                            IntervalType="Auto" />
                                    </AxisY2>
                                    <Area3DStyle Light="Realistic" />
                                </DCWC:ChartArea>
                            </ChartAreas>
                            <Legend BackColor="237, 244, 247" BorderColor="LightSlateGray" Enabled="False" 
                                Name="Default" ShadowOffset="1"></Legend>
                            <Legends>
                                <DCWC:Legend BackColor="237, 244, 247" BorderColor="LightSlateGray" 
                                    Enabled="False" Name="Default" ShadowOffset="1">
                                </DCWC:Legend>
                            </Legends>
                            <Titles>
                                <DCWC:Title Name="Title1">
                                </DCWC:Title>
                            </Titles>
                            <BorderSkin FrameBackColor="SteelBlue" FrameBackGradientEndColor="LightBlue" 
                                FrameBorderColor="100, 0, 0, 0" FrameBorderWidth="2" PageColor="WhiteSmoke" 
                                SkinStyle="Emboss" />
                        </DCWC:Chart>

                    </td>
                </tr>

            
            </table>
        </td>
    </tr>
    
    </table>

    <!-- INICIO DEL TAB DE ARCHIVOS -->
    <table id="tablaArchivos" runat="server">
    <tr>
        <td align="center">
            <asp:GridView ID="grdArchivos" runat="server" CssClass="tablaDatos" 
                AutoGenerateColumns="False"
                DataKeyNames="ARCHIVO" EnableModelValidation="True">
                <FooterStyle />
                <PagerStyle />                                    
                <HeaderStyle CssClass="titularColumna" />                                    
                <RowStyle CssClass="numeral" BackColor="#FFFFFF" Font-Bold="false" />
                <AlternatingRowStyle CssClass="alt" BackColor="#F9F4EC" Font-Bold="false" />
                <Columns>                    
                    <asp:TemplateField HeaderText="Archivo">
                    <ItemTemplate>
                    <asp:HyperLink ID="Open" NavigateUrl='<%# "../archivosDatos/" + Eval("ARCHIVO") %>' Text='<%# Eval("ARCHIVO") %>' runat="server" Target="_blank" />
                    </ItemTemplate>
                        <ItemStyle HorizontalAlign="Left" />
                    </asp:TemplateField>
                    <asp:BoundField DataField="FECHA" HeaderText="Fecha" HtmlEncode="False" >
                        <ControlStyle CssClass="TextBox" />
                        <ItemStyle HorizontalAlign="Center" />
                    </asp:BoundField>
                </Columns>
            </asp:GridView>
            
        </td>
    </tr>
    </table>
</td>
</tr>
</table>


</asp:Content>
